<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"
	import="com.syas.common.extension.UrlHelper"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<%@ include file="../shared/taglib.jsp"%>

<html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
<head>
   <meta charset="utf-8" />
   <title>Conquer | Form Stuff - Form Controls</title>
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta content="width=device-width, initial-scale=1.0" name="viewport" />
   <meta content="" name="description" />
   <meta content="" name="author" />
   <meta name="MobileOptimized" content="320">
   
   <%@ include file="../shared/importCss.jsp"%>
   <!-- BEGIN PAGE LEVEL STYLES -->
   <link rel="stylesheet" href="<c:url value='/plugins/data-tables/DT_bootstrap.css'/>" type="text/css"/>
   <!-- END PAGE LEVEL STYLES -->
   
   <%@ include file="../shared/importJs.jsp"%>
   <!-- BEGIN PAGE LEVEL SCRIPTS -->
   <script type="text/javascript" src="<c:url value='/plugins/data-tables/jquery.dataTables.js'/>"></script>
   <script type="text/javascript" src="<c:url value='/plugins/data-tables/DT_bootstrap.js'/>"></script>
   <script type="text/javascript" src="<c:url value='/plugins/uniform/jquery.uniform.min.js'/>"></script>
   <script type="text/javascript" src="<c:url value='/js/jquery.toolbarlite.js?ver=10'/>"></script> 
   <script type="text/javascript" src="<c:url value='/js/app.js'/>"></script> 
   <script type="text/javascript" src="<c:url value='/js/jquery.tableManaged.js'/>"></script>
    <script type="text/javascript" src="<c:url value='/js/ajaxfileupload.js'/>"></script>

   <!-- END PAGE LEVEL SCRIPTS -->
   <link rel="shortcut icon" href="favicon.ico" />
</head>
<!-- END HEAD -->

<!-- BEGIN BODY -->
<body class="page-header-fixed">
   
   <%@ include file="../shared/pageHeader.jsp"%>
   
   <div class="clearfix"></div>
   <!-- BEGIN CONTAINER -->
   <div class="page-container">
     <!-- <%@ include file="../shared/sidebarMenu.jsp"%>-->
      <!-- BEGIN PAGE -->  
      <div class="page-content">
         <%@ include file="../shared/styleSet.jsp"%>
         <!-- BEGIN PAGE HEADER-->   
         <div class="row">
            <div class="col-md-12">
               <!-- BEGIN PAGE TITLE & BREADCRUMB-->
               <h3 class="page-title">
                  Form Controls <small>form controls and more</small>
               </h3>
                <ul class="page-breadcrumb breadcrumb">
                    <li>
                        <i class="icon-home"></i>
                        <a href="<c:url value='/home/index'/>">首页</a>
                        <i class="icon-angle-right"></i>
                    </li>
                    <li>
                        <span>${requestScope.permissionMenu.rootName}</span>
                        <i class="icon-angle-right"></i>
                    </li>
                    <li><span>${requestScope.permissionMenu.subName}</span></li>
                </ul>
               <!-- END PAGE TITLE & BREADCRUMB-->
            </div>
         </div>
         <!-- END PAGE HEADER-->
         <!-- BEGIN PAGE CONTENT-->
         <div class="row">
            <div class="col-md-12">

              <div class="portlet box light-grey">
               <div class="portlet-title">
                    <div class="caption"><i class="icon-search"></i>数据检索</div>
                 </div>
                  <ul id="myTab" class="nav nav-tabs">
                      <li class="active">
                          <a href="#baseinfosearch" data-toggle="tab">
                              基础信息检索
                          </a>
                      </li>
                      <li>
                          <a href="#orginfosearch" data-toggle="tab">
                              组织结构搜索
                          </a>
                      </li>
                  </ul>
                  <div id="myTabContent" class="tab-content">
                      <div class="tab-pane fade in active" id="baseinfosearch">
                          <div class="portlet-body form">
                              <!-- BEGIN FORM-->
                              <form:form modelAttribute="frmgerPfmceSearchModel"  class="form-horizontal" method="GET">
                                  <div class="form-body">
                                      <div class="row">

                                          <div class="col-md-3">
                                              <div class="form-group">
                                                  <label class="control-label col-md-3">e租宝账户</label>
                                                  <div class="col-md-8">
                                                      <form:input path="ezboUname" class="form-control placeholder-no-fix" autocomplete="off" placeholder="e租宝账户"/>
                                                  </div>
                                              </div>
                                          </div>
                                          <div class="col-md-3">
                                              <div class="form-group">
                                                  <label class="control-label col-md-3">手机号</label>
                                                  <div class="col-md-8">
                                                      <form:input path="mobileNo" class="form-control placeholder-no-fix" autocomplete="off" placeholder="手机号"/>
                                                  </div>
                                              </div>
                                          </div>
                                          <div class="col-md-3">
                                              <div class="form-group">
                                                  <label class="control-label col-md-3">身份证号码</label>
                                                  <div class="col-md-8">
                                                      <form:input path="certId" class="form-control placeholder-no-fix" autocomplete="off" placeholder="身份证号码"/>
                                                  </div>
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                                  <div class="form-actions">
                                      <div class="row">
                                          <div class="col-md-12">
                                              <div class="col-md-offset-5">
                                                  <button type="submit" class="btn btn-success" style="width: 200px">搜索</button>
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                              </form:form>
                              <!-- END FORM-->
                          </div>

                          <!-- BEGIN EXAMPLE TABLE PORTLET-->
                          <div class="portlet box light-grey">
                              <div class="portlet-title">
                                  <div class="caption"><i class="icon-table"></i>   </div>
                              </div>
                              <div class="portlet-body">
                                  <div class="table-toolbar"></div>

                                  <div>业务流水导入：<input name='file' id ='file' type='file' onchange='uploadFile(this)'></div>


                                  <div class="dataTables_wrapper form-inline" role="grid">
                                      <div class="table-scrollable">
                                          <table class="table table-striped table-bordered table-hover" id="data-table">
                                              <thead>
                                              <tr>
                                                  <th class="table-checkbox"><input type="checkbox" class="group-checkable"/></th>
                                                  <th>序号</th>
                                                  <th>客户姓名</th>
                                                  <th>客户e租宝账户名</th>
                                                  <th>总公司</th>
                                                  <th>分公司编号</th>
                                                  <th>所属区域</th>
                                                  <th>负责人</th>
                                                  <th>所属分公司</th>
                                                  <th>负责人</th>
                                                  <th>所属营业部</th>
                                                  <th>负责人</th>
                                                  <th>所属分部</th>
                                                  <th>负责人</th>
                                                  <th>所属团队</th>
                                                  <th>负责人</th>
                                                  <th>理财师姓名</th>
                                                  <th>理财师e租宝账户名</th>
                                                  <th>投资产品</th>
                                                  <th>投资金额（元）</th>
                                                  <th>绩效业绩</th>
                                                  <th>投资时间</th>
                                                  <th>投资方式</th>
                                                  <th>有效天数</th>
                                                  <th>赎回时间</th>
                                                  <th>投资ID</th>
                                              </tr>
                                              </thead>
                                              <tbody>
                                              <c:forEach items="${contentModel.items}" var="item" varStatus="num">
                                                  <tr class="odd gradeX">
                                                      <td class="check_cell"><input type="checkbox" class="checkboxes" name="Id" value="${item.frmgerPfmceId}" /></td>
                                                      <td>${num.index +1}</td>
                                                      <td>${item.customerNname}</td>
                                                      <td>${item.customerCmerEzbo}</td>
                                                      <td>${item.headOffice}</td>
                                                      <td>${item.branchNumber}</td>
                                                      <td>${item.area}</td>
                                                      <td>${item.arealeader}</td>
                                                      <td>${item.subordinateBranch}</td>
                                                      <td>${item.brchcomyleader}</td>
                                                      <td>${item.salesDepartment}</td>
                                                      <td>${item.saledeptleader}</td>
                                                      <td>${item.subBranch}</td>
                                                      <td>${item.diviseleader}</td>
                                                      <td>${item.subTeam}</td>
                                                      <td>${item.teamleader}</td>
                                                      <td>${item.financialPlannerName}</td>
                                                      <td>${item.financialPlannerCmerEzbo}</td>
                                                      <td>${item.investpdt}</td>
                                                      <td>${item.investamt}</td>
                                                      <td>${item.achieve}</td>
                                                      <td>${item.investtime}</td>
                                                      <td>${item.investway}</td>
                                                      <td>${item.effeday}</td>
                                                      <td>${item.redetime}</td>
                                                      <td>${item.investid}</td>
                                                  </tr>
                                              </c:forEach>
                                              </tbody>
                                          </table>
                                      </div>
                                      <c:import url = "../shared/paging.jsp">
                                          <c:param name="pageModelName" value="contentModel"/>
                                          <c:param name="urlAddress" value="/frmgerPfmce/frmgerPfmcePage"/>
                                      </c:import>
                                  </div>
                              </div>
                          </div>
                          <!-- END EXAMPLE TABLE PORTLET-->
                      </div>
                      <div class="tab-pane fade" id="orginfosearch">

                      </div>

                  </div>

				</div>
               

            </div>
         </div>
         <!-- END PAGE CONTENT-->    
      </div>
      <!-- END PAGE -->  
   </div>
   <!-- END CONTAINER -->
   <%@ include file="../shared/pageFooter.jsp"%>
     
   <script type="text/javascript">
   	  $(function() {   
         App.init();
         
      //   $("#data-table").tableManaged();

          <!--
         $(".table-toolbar").toolbarLite({
             items: [
                 { link: true, display: "启用", css: "icon-ok", showIcon: true, url: "<%=UrlHelper.resolveWithReturnUrl("/account/enable/{0}", request.getAttribute("requestUrl"), request.getAttribute("requestQuery"), pageContext)%>",
                	 selector: "#data-table .checkboxes", mustSelect: "请先选择数据！", singleSelect: "该操作只支持单选！"},
                 { splitter: true }, 
                 { link: true, display: "禁用", css: "icon-remove", showIcon: true, url: "<%=UrlHelper.resolveWithReturnUrl("/account/disable/{0}", request.getAttribute("requestUrl"), request.getAttribute("requestQuery"), pageContext)%>", 
                 	 selector: "#data-table .checkboxes", mustSelect: "请先选择数据！", singleSelect: "该操作只支持单选！"},
                 { splitter: true }, 
                 { link: true, display: "账户绑定", css: "icon-user", showIcon: true, url: "<%=UrlHelper.resolveWithReturnUrl("/account/authorize/{0}", request.getAttribute("requestUrl"), request.getAttribute("requestQuery"), pageContext)%>", 
                   	 selector: "#data-table .checkboxes", mustSelect: "请先选择数据！", singleSelect: "该操作只支持单选！"},
                 { link: true, display: "删除", css: "icon-trash", showIcon: true, url: "<%=UrlHelper.resolveWithReturnUrl("/account/delete/{0}", request.getAttribute("requestUrl"), request.getAttribute("requestQuery"), pageContext)%>", 
                   	 selector: "#data-table .checkboxes", mustSelect: "请先选择数据！", confirm: "确认删除所选数据吗？"}
             ]
         });
          -->
         $("#getCheckbox").click(function(){
             var chk_value =[];
             $('input[name="Id"]:checked').each(function(){
                 chk_value.push($(this).val());
             });
             alert(chk_value.length==0 ?'你还没有选择任何内容！':chk_value);

         });


      });


      //文件上传
      function uploadFile(obj){
          $.ajaxFileUpload({
              url:"${pageContext.request.contextPath}/frmgerPfmce/addFrmgerPfmcerByExcel",
              secureuri:false,
              fileElementId:obj.id,
              dataType: 'json',
              success:function (data, status){
                  //alert("返回成功！");
                  alert(data.result);

              },
              error:function(data, status, e) {
                  alert("系统异常,请稍后再试!");
              }
          });
      }

   </script>
   <!-- END JAVASCRIPTS -->   
</body>
<!-- END BODY -->
</html>